home *** CD-ROM | disk | FTP | other *** search
/ Maximum CD 2012 January / maximum-cd-2012-01.iso / DiscContents / digsby_setup.exe / res / MessageStyles / Modern Bubbling.AdiumMessageStyle / Contents / Resources / main.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2007-10-16  |  3.3 KB  |  201 lines
  1.  
  2. /*
  3.    
  4.    Modern Bubbling v0.9.2 beta
  5.    an Adium Message Style
  6.    
  7.    Created by Jim Myhrberg (jim@zhuoqe.org).
  8.    http://zhuoqe.org/blog/category/modern-bubbling/
  9.  
  10. */
  11.  
  12.  
  13. /* import default header style sheet */
  14. @import url("styles/_headers/_default.css");
  15.  
  16.  
  17. BODY {
  18.     background: #fff url("images/bg.jpg") bottom repeat-x;
  19.     color: #303030;
  20.     /*font-family: helvetica;*/
  21.     /*font-size: 11px;*/
  22.     margin-left: 10px;
  23.     margin-right: 10px;
  24. }
  25.  
  26. #Chat {
  27.     overflow: hidden;
  28.     padding-top: 5px;
  29.     padding-bottom: 12px;
  30. }
  31. .emoticon {
  32.     border-style: none;
  33.     position: relative;
  34.     margin: -3px 0px -5px 0px;
  35. }
  36.  
  37.  
  38. .history {
  39.     color: #b3b3b3;
  40. }
  41.  
  42. .status {
  43.     color: #c7c7c7;
  44.     font-family: helvetica, sans-serif;
  45.     font-size: 10px;
  46.     margin: 4px 0px 0px 0px;
  47.     text-align: center;
  48.     cursor: default;
  49. }
  50. .status .stime {
  51.     font-size: 9px;
  52.     /*visibility: hidden;*/
  53. }
  54. /*
  55. .status:hover .stime {
  56.     visibility: visible;
  57. }
  58. */
  59.  
  60. /* @group message */
  61.  
  62. .message {
  63.     position: relative;
  64.     min-height: 42px;
  65. }
  66. .message .body {
  67.     padding: 9px 20px 22px 20px;
  68.     /*word-wrap: break-word;*/
  69.     /*text-shadow: #ccc 0px 1px 1px;*/
  70.     overflow: auto;
  71. }
  72. .message .time {
  73.     font-size: 9px;
  74.     position: absolute;
  75.     bottom: -2px;
  76.     text-align: center;
  77.     width: 100%;
  78.     color: #c7c7c7;
  79.     visibility: hidden;
  80. }
  81. .message:hover .time {
  82.     visibility: visible;
  83. }
  84.  
  85. .message .topleft {
  86.     background: url("images/modern/topleft.png") top left no-repeat;
  87.     width: 24px;
  88.     height: 14px;
  89.     position: absolute;
  90.     top: 0px;
  91.     left: 0px;
  92.     z-index: -1;
  93. }
  94. .message .top {
  95.     background: url("images/modern/top.png") top right repeat-x;
  96.     height: 14px;
  97.     position: absolute;
  98.     top: 0px;
  99.     right: 24px;
  100.     left: 24px;
  101.     z-index: -1;
  102. }
  103. .message .topright {
  104.     background: url("images/modern/topright.png") top right no-repeat;
  105.     width: 24px;
  106.     height: 16px;
  107.     position: absolute;
  108.     top: 0px;
  109.     right: 0px;
  110.     z-index: -1;
  111. }
  112. .message .left {
  113.     background: url("images/modern/left.png") top left repeat-y;
  114.     width: 24px;
  115.     position: absolute;
  116.     left: 0px;
  117.     top: 14px;
  118.     bottom: 29px;
  119.     z-index: -1;
  120. }
  121. .message .middle {
  122.     background: url("images/modern/middle.png") top left repeat;
  123.     position: absolute;
  124.     left: 24px;
  125.     right: 24px;
  126.     top: 14px;
  127.     bottom: 29px;
  128.     z-index: -1;
  129. }
  130. .message .right {
  131.     background: url("images/modern/right.png") top right repeat-y;
  132.     width: 24px;
  133.     position: absolute;
  134.     right: 0px;
  135.     top: 14px;
  136.     bottom: 29px;
  137.     z-index: -1;
  138. }
  139. .message .bottomleft {
  140.     background: url("images/modern/bottomleft.png") bottom left no-repeat;
  141.     width: 24px;
  142.     height: 29px;
  143.     position: absolute;
  144.     bottom: 0px;
  145.     left: 0px;
  146.     z-index: -1;
  147. }
  148. .message .bottom {
  149.     background: url("images/modern/bottom.png") bottom right repeat-x;
  150.     height: 29px;
  151.     position: absolute;
  152.     bottom: 0px;
  153.     right: 24px;
  154.     left: 24px;
  155.     z-index: -1;
  156. }
  157. .message .bottomright {
  158.     background: url("images/modern/bottomright.png") bottom right no-repeat;
  159.     width: 24px;
  160.     height: 29px;
  161.     position: absolute;
  162.     bottom: 0px;
  163.     right: 0px;
  164.     z-index: -1;
  165. }
  166.  
  167. .compact {
  168.     padding: 9px 20px 22px 20px;
  169. }
  170. .compact .cbody, .compact .cnbody {
  171.     position: relative;
  172.     word-wrap: break-word;
  173. }
  174. .compact .cnbody {
  175.     border-top: 1px dotted #ededed;
  176.     padding-top: 3px;
  177.     margin-top: 3px;
  178. }
  179. .compact .ctime {
  180.     font-size: 9px;
  181.     position: absolute;
  182.     width: 40px;
  183.     top: 3px;
  184.     color: #c7c7c7;
  185.     white-space: nowrap;
  186.     visibility: hidden;
  187. }
  188. .compact .cnbody .ctime {
  189.     top: 5px;
  190. }
  191. .compact .cbody:hover .ctime, .compact .cnbody:hover .ctime {
  192.     visibility: visible;
  193. }
  194.  
  195. /* @end */
  196.  
  197.  
  198.  
  199.  
  200.  
  201.